<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <title>Title</title>

    <style>
        #div-2{
            height: 100px;
            width: 100px;
            background: #000000;
        }
    </style>
</head>
<body>
<!--=====================================================================-->
<!-- 使用js添加的样式,会直接添加到行间(div标签内)而不是css的style标签内; 同样的,如果通过css添加的样式使用js是获取不到值的 -->
<div id="div-2" style="background: cadetblue;"></div>    <!-- 补充先写script标签根本无法获取到div-->
<script>
    console.log('div-2,style',document.getElementById('div-2').style.background); // 空白
</script>


</body>
</html>